@import './variables';

.m-tab{
    @include clfix;
    background: $gray_bright;
    .item{
        position: relative;
        float: left;
        margin-right: 1px;
        border-bottom: 2px solid $gray_bright;
        color: $text_color;
        &:hover,&.current{
            color: $primary;
            border-color: $primary;
            &:after{
                content: "";
                display: inline-block;
                position: absolute;
                left: 48%;
                top: 100%;
                width: 0;
                height: 0;
                margin-top: 2px;
                border: 4px solid transparent;
                border-color: $primary transparent transparent transparent;
            }
        }
        &.current{
            font-weight: bold;
        }
        span{
            display: block;
            margin: 18px 0;
            line-height: 1;
            font-size: 16px;
            padding: 0 20px;
            border-right: 1px solid $primary;
        }
        
        &.last span{
            border-right: 0;
        }
    }
}
